html,body,div,ul,ol,li,span,p,a,b,i,h1,h2,h3,img,input,select,textarea,button{margin:0;padding:0;border:0}
html,body{width:100%;height: 100%;min-width:1200px;margin:0 auto;position:relative;font-family:Microsoft YaHei;}
ul,ol,li{list-style:none;}
input,select,textarea,button{outline:none;}
a{ text-decoration: none; }

@media only screen and (min-aspect-ratio: 2.5/1){
   html,body{ width: 1920px; max-height: 1100px; position: relative; } 
}

.top_bar{ width: 100%; height: 100px; position: absolute; top: 0; left: 0; z-index: 7; overflow: hidden; transition: .5s;}
.top_bar .logo{ width: 175px; height: 56px; background-image: url(/style/img/logo/ft_heng_chunbai.svg); background-image: url(img/logo.png)\9; background-size: 100% 100%; display: block; float: left; margin: 20px; }
.home .top_bar .logo{ width: 175px; height: 56px; background-image: url(/style/img/logo/ft_heng_bai.svg); background-image: url(img/logo.png)\9; background-size: 100% 100%; display: block; float: left; margin: 20px; }
.top_bar .nav{ float: right; padding-right: 20px;}
.top_bar .nav a{ display: block; float: left; font-size: 18px; color: #fff; height: 100px; line-height: 100px; width: 130px; text-align: center; }
.top_bar .nav a:hover{ color: #fe7445 }
.top_bar .nav a.cur{ color: #fe7445 }
.top_bar.show{ background-color: #fff; }
.top_bar.show a{ color: #333; }
.top_bar.show .logo{background-image: url(/style/img/logo/ft_heng_hei.svg); background-image: url(img/logo_1.png)\9;}

.top_bar .pic_1{ position: relative; top: 200px; }
.top_bar .pic_2{ position: relative; top: 200px; }

.body_culture .top_bar .nav a.cur{ color: #ffd18c }
.body_culture .top_bar .nav a:hover{ color: #ffd18c }


.home{ overflow: hidden; }
.swiper_main{width:100%;height:100%; position: relative; overflow: hidden;}
.main_pagination{ right: 30px!important; width: 14px; position: absolute; top: 50%; margin-top: -100px; z-index: 4;}
.main_pagination .swiper-pagination-switch{ width: 10px; height: 10px; display: block; cursor: pointer; border-radius: 10px; opacity: .3; background-color: #fff; margin: 10px auto; transition: .5s}
.main_pagination .swiper-active-switch{ width: 14px; height: 14px; opacity: 1;}
.main_pagination .swiper-pagination-switch:last-child{ display: none }
.swiper_main .swiper-main-slide{width:100%; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.swiper_main .swiper-main-slide .ft_dye{ position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.swiper_main .swiper-main-slide .ft_dye img{ display: block; pointer-events: none; position: absolute;}
.swiper_main .swiper-main-slide .inner{width: 100%; height: 100%; position: absolute; top: 160px; left: 0; z-index: 2;}

.part_1 .slogan{ width: 996px; height: 362px; background-image: url(img/slogan.png); position: absolute; top: 50%; margin-top: -190px; z-index: 3; left: 50%; margin-left: -498px; }
.part_1 video{ width: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.part_1 canvas{ display: none; }
.part_1 .home_video_mask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0,0,0,.4); filter: alpha(opacity=40)\9; }
.part_1 .scroll_tips{ width: 66px; height: 66px; border-radius: 66px; border: 1px rgba(255,255,255,.2) solid; position: absolute; bottom: 30px; left: 50%; margin-left: -34px; z-index: 4; cursor: pointer; transition: .5s }
.part_1 .scroll_tips:hover{ background-color: rgba(255,255,255,.1); }
.part_1 .scroll_tips:before{ width: 6px; height: 6px; display: block; content: ""; border-left: 2px #fff solid; border-bottom: 2px #fff solid; position: absolute; top: 27px; left: 29px; animation: SlowAction 1s linear infinite alternate;}
@-webkit-keyframes SlowAction {
	from { transform: translateY(0) rotate(-45deg); }
	to { transform: translateY(4px) rotate(-45deg); }
}
@keyframes SlowAction {
	from { transform: translateY(0) rotate(-45deg); }
	to { transform: translateY(4px) rotate(-45deg); }
}

.part_2{ background-image: url(img/part_2.jpg); cursor: url(/mouse_type.cur), pointer;}
.part_2 .ft_dye .dye_0{ top: -500px; }
.part_2 .ft_dye .dye_1{ top: -400px; left: 50%; margin-left: -440px; animation: Dye 8s 1s linear infinite alternate}
.part_2 .ft_dye .dye_2{ top: 220px; left: 50%; margin-left: -1250px; animation: Dye 8s 2s linear infinite alternate}
.part_2 .ft_dye .dye_3{ top: 750px; left: 50%; margin-left: -1350px; animation: Dye 8s linear infinite alternate}
.part_2 .ft_dye .dye_4{ top: -300px; left: 50%; margin-left: -600px; animation: Dye 8s 1s linear infinite alternate}
.part_2 .ft_dye .dye_5{ top: 500px; left: 50%; margin-left: 0; animation: Dye 8s 3s linear infinite alternate}

@-webkit-keyframes Dye {
	from { transform: translate(0,0); }
	30% { transform: translate(-50px,20px); }
	60% { transform: translate(-60px,50px); }
	80%{ transform: translate(-30px,20px); }
	100%{ transform: translate(0,0); }
}
@keyframes Dye {
	from { transform: translate(0,0); }
	30% { transform: translate(-50px,20px); }
	60% { transform: translate(-60px,50px); }
	80%{ transform: translate(-30px,20px); }
	100%{ transform: translate(0,0); }
}

.title_box{ position: absolute; top: 0; left: 60px; color: #fff;}
.title_box i{ display: block; float: left; font-size: 80px; color: #fff; font-weight: bold;}
.title_box span{ display: block; float: left; font-size: 36px; color: #fff; padding: 42px 0 0 20px; transform: skewX(-5deg);}

.swiper_news{ width: 100%; height: 1000px; position: absolute; top: 170px; left: 0; overflow: hidden; -webkit-mask-image:url(/style/img/news_mask.png); -webkit-mask-size:100% 100%;}
.swiper_news .swiper-news-slide{ width: 1110px; height: 100%; position: relative;}
.swiper_news .swiper-news-slide:before{ content: ""; display: block; width: 5px; height: 6px; background-color: #fff; position: absolute; top: 55px; left: 65px; }
.swiper_news .swiper-news-slide:after{ content: ""; display: block; width: 1px; height: 100%; background-color: #fff; opacity: .2; position: absolute; top: 55px; left: 65px; }
.swiper_news .swiper-news-slide .time{ font-size: 26px; color: #fff; display: block; padding-left: 65px; }
.swiper_news .swiper-news-slide .news_img{ width: 540px; height: 300px; overflow: hidden; margin:20px 0 0 95px; border-radius: 12px; display: block; box-shadow: 0 20px 5px rgba(28,80,214,.3)}
.swiper_news .swiper-news-slide .news_img img{ display: block; transition: .5s; width: 100%; }
.swiper_news .swiper-news-slide .news_img:hover img{ transform: scale(1.02); }
.swiper_news .swiper-news-slide .news_info{ width: 380px; position: absolute; top: 60px; left: 690px; }
.swiper_news .swiper-news-slide .news_info .news_t{ font-size: 36px; color: #fff; display: -webkit-box; display: block\0; line-height: 42px; height: 84px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: .5s}
.swiper_news .swiper-news-slide .news_info .news_t:hover{ transform: translateY(-5px); }
.swiper_news .swiper-news-slide .news_intro{ margin-top: 15px; padding-top: 15px; border-top: 1px rgba(255,255,255,.4) solid; font-size: 14px; color: #fff; line-height: 25px; max-height: 100px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.swiper_news .swiper-news-slide .news_more{ width: 150px; height: 50px; display: block; border: 1px #fff solid; line-height: 50px; border-radius: 50px; font-size: 24px; color: #fff; text-align: center; transition: .5s; position: absolute; top: 270px; left: 0}
.swiper_news .swiper-news-slide .news_more:hover{  border: 1px #fff solid; color: #0986d4; background-color: #fff }

.swiper_news .news_page{ display: none }


.part_3{ background-image: url(img/part_3.jpg); cursor: url(/mouse_type.cur), pointer;}
.part_3 .ft_dye .dye_1{ top: -120px; left: -70px; animation: Dye 8s 4s linear infinite alternate}
.part_3 .ft_dye .dye_2{ bottom: -210px; left: -70px; animation: Dye 8s 2s linear infinite alternate}
.part_3 .ft_dye .dye_3{ top: -70px; right: -70px; animation: Dye 5s linear infinite alternate}

.swiper_culture{ width: 100%; position: absolute; top: 150px; left: 0; overflow: hidden;}
.swiper_culture .swiper-culture-slide{ width: 1330px; height: 100%; min-height: 440px; max-height: 540px; position: relative; opacity: .5; transition: opacity .5s}
.swiper_culture .swiper-culture-slide.swiper-slide-active{ opacity: 1 }
.swiper_culture .swiper-culture-slide .culture_info{ width: 340px; height: 100%; padding-left: 80px; float: left; position: relative; z-index: 2;}
.swiper_culture .swiper-culture-slide .culture_info h1{ color: #fff; font-size: 75px; line-height: 80px;}
.swiper_culture .swiper-culture-slide .culture_info h1 i{ font-style: normal; letter-spacing: -40px; }
.swiper_culture .swiper-culture-slide .culture_info h1 span{ font-size: 84px; display: block; }
.swiper_culture .swiper-culture-slide .culture_info .line{ width: 435px; height: 1px; background-color: rgba(255,255,255,.5); margin: 30px 0 15px; position: relative;}
.swiper_culture .swiper-culture-slide .culture_info .line:before{ width: 7px; height: 7px; border-radius: 7px; display: block; content: ""; background-color: #fff; position: absolute; top: -3px; right: -3px; z-index: 2;}
.swiper_culture .swiper-culture-slide .culture_info .line:after{ width: 15px; height: 15px; border-radius: 7px; display: block; content: ""; background-color: #fff; opacity: .5; position: absolute; top: -7px; right: -7px; z-index: 1;}
.swiper_culture .swiper-culture-slide .culture_info .culture_intro{ font-size: 16px; color: #fff; line-height: 30px; }
.swiper_culture .swiper-culture-slide .culture_info b{ font-size: 80px; color: #fff3d5; display: block; position: absolute; bottom: 50px; left: 80px; }
.swiper_culture .swiper-culture-slide .culture_info .more{ width: 150px; height: 50px; display: block; border: 1px #fff solid; line-height: 50px; border-radius: 50px; font-size: 24px; color: #fff; text-align: center; transition: .5s; position: absolute; bottom: 0px; left: 80px}
.swiper_culture .swiper-culture-slide .culture_info .more:hover{  border: 1px #fff solid; color: #eca641; background-color: #fff }
.swiper_culture .swiper-culture-slide .culture_img{ width: 858px; height: 100%; overflow: hidden; margin-left: 50px; border-radius: 12px; display: block; box-shadow: 0 10px 10px rgba(0,0,0,.1); float: left;}
.swiper_culture .swiper-culture-slide .culture_img img{ display: block; transition: .5s }
.swiper_culture .swiper-culture-slide .culture_img:hover img{ transform: scale(1.02); }
.swiper_culture .swiper-culture-slide:last-child{ width: 1400px; }



.part_4{ background-image: url(img/part_4.jpg);}
.part_4 .ft_dye .dye_1{ top: 90px; left: 45px; animation: Dye 8s linear infinite alternate}
.part_4 .ft_dye .dye_2{ top:-20px; right: -60px; animation: Dye 8s 2s linear infinite alternate; width: 55%;}

.swiper_product{ width: 100%; height: 100%; position: absolute; top: -120px; left: 0; overflow: hidden;}
.swiper_product .swiper-product-slide{ width: 100%; position: relative; overflow: hidden;}
.swiper_product .swiper-product-slide .product_img{ width: 55%; position: absolute; top: 0; right: 0; }
.swiper_product .swiper-product-slide .product_img img{ width: 100%; display: block; }
.swiper_product .swiper-product-slide .pro_icon{ width: 7.55%; position: absolute; top: 270px; left: 4.5%; }
.swiper_product .swiper-product-slide .pro_icon img{ width: 100%; display: block; }
.swiper_product .swiper-product-slide .pro_icon:before{ content: ""; display: block; width: 1px; height: 100%; background-color: #fff; opacity: .3; position: absolute; top: 0; right: -20%; }
.swiper_product .swiper-product-slide .product_info{ width: 24.5%; position: absolute; top: 270px; left: 15%; color: #fff;}
.swiper_product .swiper-product-slide .product_info h1{ font-size: 60px; display: block; white-space: nowrap; }
.swiper_product .swiper-product-slide .product_info h2{ font-size: 20px; letter-spacing: 9px; font-weight: normal; display: block; white-space: nowrap; }
.swiper_product .swiper-product-slide .product_info .product_intro{ font-size: 14px; color:#fff; line-height: 25px; padding-top: 20px; }
.swiper_product .swiper-product-slide .product_info .more{ width: 150px; height: 50px; display: block; border: 1px #fff solid; line-height: 50px; border-radius: 50px; font-size: 24px; color: #fff; text-align: center; transition: .5s; margin-top: 40px;}
.swiper_product .swiper-product-slide .product_info .more:hover{  border: 1px #fff solid; color: #eca641; background-color: #fff }

.part_4 .pro_bar{width: 100%; height: 88px; background-color: #fff; position: absolute; bottom: 0; left: 0; text-align: center; z-index: 3;}
.part_4 .pro_list{ width: 76.041%; height: 88px; margin: 0 auto; position: relative; font-size: 0;}
.part_4 .pro_list a{ width: 5.479%; display: inline-block; padding: 0 3.424%; z-index: 2; transition: .5s; position: relative; bottom: 40px; vertical-align: top}
.part_4 .pro_list a img{ width: 100%; display: block; transition: .5s;}
.part_4 .pro_list a span{ display: block; font-size: 14px; color: #666; text-align: center; width: 100%; padding-top: 5px; white-space: nowrap;}
.part_4 .pro_list a:hover img{ width: 125%; margin-left: -12.5%;}
.part_4 .pro_list a.cur img{ width: 125%; margin-left: -12.5%;}
.part_4 .pro_list a:hover{ bottom: 60px;}
.part_4 .pro_list a.cur{ bottom: 60px;}
.part_4 .pro_list .pro_cur{ width: 15.61%; position: absolute; bottom: 88px; transition: .3s; left: -1%; }

.pro_button a{ width: 60px; height: 60px; display: block; background-color: #fff; border-radius: 60px; position: absolute; box-shadow: 0 0 15px rgba(0,0,0,.2); transition: .5s}
.pro_button a.pro_prev{ top: -10px; left: 50px; }
.pro_button a.pro_next{ top: -10px; right: 50px; }
.pro_button a:before{ width: 8px; height: 8px; content: ""; display: block; border-bottom: 1px #ddd solid; border-left: 1px #ddd solid; position: absolute; top: 25px; left: 27px; }
.pro_button a.pro_prev:before{ transform: rotate(45deg); }
.pro_button a.pro_next:before{ transform: rotate(-135deg); left: 23px}
.pro_button a:hover{ background-color: #f15d78 }


.part_5{ background-image: url(img/part_5.jpg);}
.part_5 .ft_dye .dye_1{ top: -40px; right: -40px; animation: Dye 8s linear infinite alternate; width: 76.66%;}
.part_5 .ft_dye .dye_2{ bottom:-80px; left: -80px; animation: Dye 8s 2s linear infinite alternate;}

.part_5 .aboutus_info{ width: 29.16%; position: absolute; top: 180px; left: 3.4%; color: #fff;}
.part_5 .aboutus_info .aboutus_intro{ font-size: 16px; line-height: 30px; }
.part_5 .aboutus_info .more{ width: 150px; height: 50px; display: block; border: 1px #fff solid; line-height: 50px; border-radius: 50px; font-size: 24px; color: #fff; text-align: center; transition: .5s; margin-top: 40px;}
.part_5 .aboutus_info .more:hover{ border: 1px #fff solid; color: #892abe; background-color: #fff }
.part_5 .aboutus_img{ width: 55.57%; position: absolute; top: -120px; right: 0; }
.part_5 .aboutus_img img{ width: 100%; display: block; }
.part_5 .aboutus_info .aboutus_nav{ width: 600px; height: 60px; line-height: 60px; font-size: 0; text-align: center; border: 1px rgba(255,255,255,.3) solid; border-radius: 60px; margin-top: 100px;}
.part_5 .aboutus_info .aboutus_nav a{ width: 115px; display: inline-block; font-size: 18px; color: #fff; text-align: center; position: relative; transition: .5s}
.part_5 .aboutus_info .aboutus_nav a:before{ content: ""; display: block; width: 1px; height: 25px; background-color: #fff; opacity: .2; position: absolute; top: 17px; right: 0 }
.part_5 .aboutus_info .aboutus_nav a:hover{ text-indent: -10px }
.part_5 .aboutus_info .aboutus_nav a:last-child:before{ display: none }


.part_6{ background-image: url(img/part_6.jpg);}
.part_6 .ft_dye .dye_1{ top: -40px; left: 140px; animation: Dye 8s linear infinite alternate;}
.part_6 .ft_dye .dye_2{ top:-80px; right: -80px; animation: Dye 8s 2s linear infinite alternate;}
.part_6 .ft_dye .dye_3{ bottom:-80px; left: 280px; animation: Dye 8s 2s linear infinite alternate;}

.swiper_video{ width: 90%; height: 100%; position: absolute; top: 200px; left: 50%; margin-left: -45%; overflow: hidden;}
.swiper_video .swiper-video-slide{ width: 644px; height: 366px; position: relative; transform: scale(.8); transition: .5s;}
.swiper_video .swiper-video-slide .video_box{ width: 640px; height: 360px; border: 2px #fff solid; border-radius: 10px; overflow: hidden; position: relative; background-color: #000}
.swiper_video .swiper-video-slide video{ width: 640px; height: 360px; opacity: 0}
.swiper_video .swiper-video-slide .video_cover{ width: 640px; height: 360px; position: absolute; top: 0; left: 0; z-index: 2; display: block; transition: 1s; opacity: .5; pointer-events: none;}
.swiper_video .swiper-video-slide .video_play{ width: 90px; height: 90px; background-image: url(img/video_play.png); position: absolute; top: 50%; margin-top: -45px; left: 50%; margin-left: -45px; transition: .5s; z-index: 3; opacity: .5}
.swiper_video .swiper-video-slide .video_play:hover{ transform: scale(1.05); opacity: 1;}
.swiper_video .swiper-video-slide.swiper-slide-active{ transform: translateX(0) scale(1)!important; z-index: 2; }
.swiper_video .swiper-video-slide.swiper-slide-visible{ transform: translateX(150px) scale(.8); }
.swiper_video .swiper-video-slide.swiper-slide-active + .swiper-slide-visible{ transform: translateX(-150px) scale(.8); }
.swiper_video .swiper-video-slide.swiper-slide-active .video_cover{ opacity: 0; }
.swiper_video .swiper-video-slide.swiper-slide-active video{ opacity: 1; }
.swiper_video .swiper-video-slide span{ display: block; width: 100%; text-align: center; font-size: 16px; color: #fff; position: absolute; bottom: -30px; left: 0 }

.part_6 .video_button a{ width: 50px; height: 50px; display: block; position: absolute; background-image: url(img/video_arrow.png); transition: .5s}
.part_6 .video_button a.video_prev{ top: 100px; right: 280px; background-position: left;}
.part_6 .video_button a.video_next{ top: 100px; right: 210px; background-position: right;}
.part_6 .video_button a.video_prev:hover{ transform: translateX(-10px); }
.part_6 .video_button a.video_next:hover{ transform: translateX(10px); }


.swiper_main .swiper-main-slide.main_footer{ width: 100%; height: 310px!important; }
.footer{ width: 100%; height: 310px!important; background-color: #333; overflow: hidden; }
.footer .foot_logo{ width: 175px; height: 56px; background-image: url(//www.friendtimes.cn/style/img/logo/ft_heng_bai.svg); background-image: url(img/logo.png)\9; background-size: 100% 100%; display: block; margin: 40px auto 36px; }
.footer .foot_nav{ height: 13px; padding: 32px 0; width: 95%; margin: 0 auto; border-top: 1px #3a3b3d solid; border-bottom: 1px #3a3b3d solid; }
.footer .foot_nav a{ width: 20%; display: block; float: left; text-align: center; line-height: 13px; font-size: 14px; color: #fff; position: relative; }
.footer .foot_nav a:after{ content: ""; display: block; width: 1px; height: 13px; background-color: #474a50; position: absolute; top: 0; right: 0 }
.footer .foot_nav a:last-child:after{ display: none }
.footer .foot_info{ width: 95%; margin: 0 auto; padding-top: 40px; font-size: 14px; color: #666; }
.footer .foot_info .copyright{ display: block; float: left; }
.footer .foot_info .bei{ display: block; float: right; }
.footer .foot_info a{ color: #666; margin-left: 20px; }
.footer .foot_info a:hover{ color: #fff }


.mask{ width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.8); z-index: 8; display: none}
.pop_video{ width:1136px; height:640px; position:fixed; top:100px; left:50%; margin-left:-568px; z-index:11; padding:3px; background:#fff; display:none;}
.pop_video .close{ width:39px; height:39px; position:absolute;	top:0; right:-39px; background-color: #000; display:block;}
.pop_video .close img{ padding:6px; transition:all ease 0.5s;}
.pop_video .close:hover img{ transform:rotate(360deg);}
.pop_video video{  width:1136px; height:640px; display: block;}


.header{ width: 100%; height: 540px; background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative; }
.header.header_news{ background-image: url(img/header_news.jpg);}
.header.header_careers{ background-image: url(img/header_careers.jpg);}
.header.header_aboutus{ background-image: url(img/header_aboutus.jpg);}
.header.header_culture{ background-image: url(img/header_culture.jpg);}
.header.header_gongyi{ background-image: url(img/header_gongyi.jpg);}
.header .h1{ font-size: 80px; font-weight: bold; color: #fff; position: absolute; top: 180px; left: 8%; transform: skew(-8deg); }
.header .h2{ font-size: 36px; color: #fff; position: absolute; top: 280px; left: 8%; }

.news_list{ width: 92%; margin: 0 auto; }
.news_list ul li{ width: 32.2666%; float: left; border-bottom: 1px #f1f1f1 solid; padding: 50px 0; position: relative;}
.news_list ul li:nth-child(2){ padding: 50px 1.6%;}
.news_list ul li:nth-child(5){ padding: 50px 1.6%;}
.news_list ul li:nth-child(2):before{ content: ""; display: block; width: 1px; height: 100%; background-color: #f1f1f1; position: absolute; top: 0; left: 0 }
.news_list ul li:nth-child(2):after{ content: ""; display: block; width: 1px; height: 100%; background-color: #f1f1f1; position: absolute; top: 0; right: 0 }
.news_list ul li:nth-child(5):before{ content: ""; display: block; width: 1px; height: 100%; background-color: #f1f1f1; position: absolute; top: 0; left: 0 }
.news_list ul li:nth-child(5):after{ content: ""; display: block; width: 1px; height: 100%; background-color: #f1f1f1; position: absolute; top: 0; right: 0 }
.news_list ul li .news_img{ width: 92%; overflow: hidden; border-radius: 10px; display: block; margin: 0 auto; box-shadow: 0 10px 15px rgba(0,0,0,.05)}
.news_list ul li .news_img img{ width: 100%; display: block; transition: .5s }
.news_list ul li .news_img:hover img{ transform: scale(1.05); }
.news_list ul li .news_info{ width: 92%; clear: both; margin: 0 auto; padding-top: 30px;}
.news_list ul li .news_info .news_t{ width: 100%; font-size: 24px; color: #333; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: .5s}
.news_list ul li .news_info .news_t:hover{ color: #fe7445; }
.news_list ul li .news_info .news_intro{ width: 100%; font-size: 16px; color: #999; height: 50px; line-height: 25px; margin: 15px 0 40px; overflow: hidden; }
.news_list ul li .news_info .time{ font-size: 14px; color: #333; display: block; }
.news_list ul li .news_info .time:before{ content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(img/ico_time.png); vertical-align: middle; margin-top: -3px; margin-right: 5px;}
.news_list ul li:nth-child(1) .news_img{ float: left; }
.news_list ul li:nth-child(4) .news_img{ float: left; }
.news_list ul li:nth-child(3) .news_img{ float: right; }
.news_list ul li:nth-child(6) .news_img{ float: right; }
.news_list ul li:nth-child(1) .news_info{ float: left; }
.news_list ul li:nth-child(4) .news_info{ float: left; }
.news_list ul li:nth-child(3) .news_info{ float: right; }
.news_list ul li:nth-child(6) .news_info{ float: right; }


.news_content{ width: 83%; margin: 0 auto; position: relative;}
.news_content .back{ font-size: 20px; color: #333; display: block; width: 90px; float: left; margin-top: 50px; }
.news_content .back:before{ content: ""; display: inline-block; width: 27px; height: 24px; background-image: url(img/ico_back.png); vertical-align: middle; margin-top: -3px; margin-right: 5px; transition: .5s}
.news_content .back:hover:before{ transform: translateX(-5px); }
.news_content .news_title{ width: 100%; padding: 20px 0; border-bottom: 1px #e5e5e5 solid; text-align: center; clear: both;}
.news_content .news_title h1{ font-size: 45px; color: #333; display: block; }
.news_content .news_title .news_time{ font-size: 14px; color: #999; text-align: center; display: block; padding-top: 15px; }
.news_content .news_title .news_time:before{ content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(img/ico_time.png); vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.news_content .content{ padding: 50px 0; font-size: 18px; color: #666; line-height: 36px; }
.news_content .content *{ font-size: 18px!important; line-height: 36px!important; max-width: 100%!important; text-wrap: initial!important;}


.pagenum_Me{ width: 100%; padding: 30px 0; clear: both; text-align: center; }
.pagenum_Me ul li{ width: 50px; height: 50px; display: inline-block; border-radius: 5px; background-color: #fafafa; font-size: 14px; text-align: center; line-height: 50px; overflow: hidden; margin: 0 3px; }
.pagenum_Me ul li:last-child{ width: 70px; height: 50px; display: inline-block; border-radius: 5px; background-color: transparent; }
.pagenum_Me ul li a{  width: 50px; height: 50px; display: block; color: #666 }
.pagenum_Me ul li.selected{  }
.pagenum_Me ul li.selected a{ color: #fff; background-color: #ff7444}
.pagenum_Me ul li:hover a{ color: #fff; background-color: #ff7444}


.product_body{ width: 100%; height: 100%; overflow: hidden; }

.product{ background-image: url(img/pro_bg.jpg);width:100%;height:100%; position: relative; overflow: hidden;}
.product .inner{width: 100%; height: 100%; position: absolute; top: 160px; left: 0; z-index: 2;}
.product .ft_dye img{ display: block; position: absolute; }
.product .ft_dye .dye_1{ top: -50px; left: 45px; animation: Dye 8s linear infinite alternate}
.product .ft_dye .dye_2{ top: 20px; right: -20px; animation: Dye 8s 2s linear infinite alternate; width: 55%;}

.product .swiper_product .swiper-product-slide .product_info{ color: #f65172;}
.product .swiper_product .swiper-product-slide .product_info .product_intro{  color:#666;  }
.product .swiper_product .swiper-product-slide .product_info .more{  border: 1px #f65172 solid; color: #f65172; }
.product .swiper_product .swiper-product-slide .product_info .more:hover{  border: 1px #fff solid; color: #f65172; background-color: #fff }

.product .pro_bar{width: 100%; height: 88px; background-color: #fff; position: absolute; bottom: 0; left: 0; text-align: center; z-index: 3;}
.product .pro_list{ width: 1440px; padding: 0 0; height: 160px; overflow: hidden; position: absolute; bottom: 0; left: 50%; margin-left: -720px;}
.product .pro_list ul{ left: 0; height: 160px; position: absolute; transition: .5s}
.product .pro_list ul li{ width: 180px; float: left; z-index: 2; transition: .5s; position: relative; top: 35px; cursor: pointer;}
.product .pro_list ul li img{ width: 80px; display: block; margin: 0 auto; transition: .5s;}
.product .pro_list ul li span{ display: block; font-size: 14px; color: #666; text-align: center; width: 100%; padding-top: 5px; white-space: nowrap;}
.product .pro_list ul li:hover img{ width: 100px;}
.product .pro_list ul li.cur img{ width: 100px;}
.product .pro_list ul li:hover{ top: 15px;}
.product .pro_list ul li.cur{ top: 15px;}
.product .pro_list .pro_cur{ width: 180px; height: 54px; position: absolute; bottom: 88px; transition: .3s; left:0; }


.careers_tab{ width: 100%; height: 80px; border-bottom: 1px #eee solid; text-align: center; font-size: 16px; position: absolute; top: 540px; background-color: #fff; z-index: 6;}
.careers_tab a{ width: 50%; display: block; float: left; height: 78px; line-height: 80px; border-bottom: 2px #fff solid; color: #333; position: relative;}
.careers_tab a:before{ content: ""; display: block; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(img/fico.png); background-size: 200% 200%;}
.careers_tab a:first-child:after{ content: ""; display: block; width: 1px; height: 100%; background-color: #eee; position: absolute; top: 0; right: 0}
.careers_tab a.cur{ color: #ff7444; border-bottom: 2px #ff7444 solid; }
.careers_tab a.cur:before{ background-position: bottom }
.careers_tab a:hover{ color: #ff7444; border-bottom: 2px #ff7444 solid; }
.careers_tab a:first-child:before{ background-position: 0 0 }
.careers_tab a:last-child:before{ background-position: 100% 0 }
.careers_tab a:first-child:hover:before{ background-position: 0 100% }
.careers_tab a:last-child:hover:before{ background-position: 100% 100% }
.careers_tab a:first-child.cur:before{ background-position: 0 100% }
.careers_tab a:last-child.cur:before{ background-position: 100% 100% }

.fuli{ width: 100%; padding: 50px 0; background-color: #f0f3f5; margin-top: 81px; }
.fuli .t_box{ width: 100%; text-align: center; }
.fuli .t_box h1{ display: block; font-size: 40px; color: #333; }
.fuli .t_box p{ font-size: 16px; color: #999; display: block; padding-top: 10px; letter-spacing: 10px }
.fuli .fuli_box{ width: 88%; margin: 20px auto 0; overflow: hidden; }
.fuli .fuli_box ul li{ width: 24.4%; padding: 20px 0 25px 0; border-radius: 5px; background-color: #fff; margin: 0.3%; text-align: center; float: left; }
.fuli .fuli_box ul li img{ display: block; width: 100%; }
.fuli .fuli_box ul li .ico{ display: block; width: 190px; height: 150px; margin: 0 auto; background-position: top; transition: .3s}
.fuli .fuli_box ul li span{ font-size: 16px; color: #333; display: block; }
.fuli .fuli_box ul li p{ font-size: 14px; color: #999; line-height: 22px; height: 44px; padding-top: 10px;}
.fuli .fuli_box ul li p i{ display: block; }
.fuli .fuli_box ul li:nth-child(1):hover .ico{ background-image: url(img/fico/fico_1f.jpg); }
.fuli .fuli_box ul li:nth-child(2):hover .ico{ background-image: url(img/fico/fico_2f.jpg); }
.fuli .fuli_box ul li:nth-child(3):hover .ico{ background-image: url(img/fico/fico_3f.jpg); }
.fuli .fuli_box ul li:nth-child(4):hover .ico{ background-image: url(img/fico/fico_4f.jpg); }
.fuli .fuli_box ul li:nth-child(5):hover .ico{ background-image: url(img/fico/fico_5f.jpg); }
.fuli .fuli_box ul li:nth-child(6):hover .ico{ background-image: url(img/fico/fico_6f.jpg); }
.fuli .fuli_box ul li:nth-child(7):hover .ico{ background-image: url(img/fico/fico_7f.jpg); }
.fuli .fuli_box ul li:nth-child(8):hover .ico{ background-image: url(img/fico/fico_8f.jpg); }
.fuli .fuli_box ul li:hover .ico{ animation: Frame 1s steps(24); animation-fill-mode: forwards;}
.fuli .fuli_box ul li:hover .ico img{ display: none }
@-webkit-keyframes Frame {
	from { background-position-y:0%;  }
	to { background-position-y: 100%;  }
}
@keyframes Frame {
	from { background-position-y:0%;  }
	to { background-position-y: 100%;  }
}

.fuli .fuli_pic{ width: 88%; margin: 50px auto; }
.fuli .fuli_pic ul{ width: 100%; height: 200px; overflow: hidden; border-radius: 10px; margin-bottom: 20px; }
.fuli .fuli_pic ul li{ width: 28.2%; height: 200px; float: left; position: relative; overflow: hidden;}
.fuli .fuli_pic ul li img{ width: 100%; height: 100%; object-fit: cover; display: block; transition:transform .5s; position: relative;}
.fuli .fuli_pic ul li img:hover{ transform: scale(1.05); z-index: 1}
.fuli .fuli_pic ul li.fl_t{ width: 15.4%!important; background-color: #fff; text-align: center; overflow: unset;}
.fuli .fuli_pic ul li.fl_t h2{ font-weight: normal; font-size: 28px; color: #333; text-align: center; display:block; padding-top: 58px; }
.fuli .fuli_pic ul li.fl_t span{ font-size: 14px; color: #999; display: block; line-height: 30px; }
.fuli .fuli_pic ul li.fl_t:before{ content: ""; display: block; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; top:90px; right: -7px; background-color: #fff; z-index: 3}
.fuli .fuli_pic ul:nth-child(2) li:first-child{ float: right; }
.fuli .fuli_pic ul:nth-child(4) li:first-child{ float: right; }
.fuli .fuli_pic ul:nth-child(2) li:first-child:before{ right: unset; left: -7px; }
.fuli .fuli_pic ul:nth-child(4) li:first-child:before{ right: unset; left: -7px; }

.fuli .fuli_pic ul:nth-child(3) li{ width: 21.15%; }
.fuli .fuli_pic ul:nth-child(4) li{ width: 21.15%; }
.fuli .fuli_pic ul:nth-child(2) li{ width: 21.15%; }

.careers{ width: 100%; height: 886px; background-image: url(img/careers_bg.jpg); background-position: top center; background-repeat: no-repeat; }
.careers .t_box{ width: 100%; text-align: center; padding-top: 65px;}
.careers .t_box h1{ display: block; font-size: 40px; color: #fff; }
.careers .t_box p{ font-size: 16px; color: #c5c0be; display: block; padding-top: 10px; letter-spacing: 10px }
.careers .jobs_tab{ width: 1300px; margin: 0 auto; padding-top: 50px; text-align: center; font-size: 0;}
.careers .jobs_tab a{ text-align: center; height: 20px; line-height: 20px; display: inline-block; margin: 0 45px; font-size: 16px; color: #fff; border-bottom: 3px transparent solid; padding-bottom: 3px; transition: .5s}
.careers .jobs_tab a:before{ display: inline-block; content: ""; width: 22px; height: 22px; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(img/careers_ico.png); background-size: 600% 200%;}
.careers .jobs_tab a.cur{ border-bottom: 3px #ff7444 solid; color: #ff7444}
.careers .jobs_tab a:hover{ border-bottom: 3px #ff7444 solid; color: #ff7444}
.careers .jobs_tab a:nth-child(1):before{ background-position: 0 0;}
.careers .jobs_tab a:nth-child(2):before{ background-position: 20% 0;}
.careers .jobs_tab a:nth-child(3):before{ background-position: 40% 0;}
.careers .jobs_tab a:nth-child(4):before{ background-position: 60% 0;}
.careers .jobs_tab a:nth-child(5):before{ background-position: 80% 0;}
.careers .jobs_tab a:nth-child(6):before{ background-position: 100% 0;}
.careers .jobs_tab a:nth-child(1):hover:before{ background-position: 0 100%;}
.careers .jobs_tab a:nth-child(2):hover:before{ background-position: 20% 100%;}
.careers .jobs_tab a:nth-child(3):hover:before{ background-position: 40% 100%;}
.careers .jobs_tab a:nth-child(4):hover:before{ background-position: 60% 100%;}
.careers .jobs_tab a:nth-child(5):hover:before{ background-position: 80% 100%;}
.careers .jobs_tab a:nth-child(6):hover:before{ background-position: 100% 100%;}
.careers .jobs_tab a:nth-child(1).cur:before{ background-position: 0 100%;}
.careers .jobs_tab a:nth-child(2).cur:before{ background-position: 20% 100%;}
.careers .jobs_tab a:nth-child(3).cur:before{ background-position: 40% 100%;}
.careers .jobs_tab a:nth-child(4).cur:before{ background-position: 60% 100%;}
.careers .jobs_tab a:nth-child(5).cur:before{ background-position: 80% 100%;}
.careers .jobs_tab a:nth-child(6).cur:before{ background-position: 100% 100%;}

.careers .jobs_list{ width: 88%; margin: 20px auto; }
.careers .jobs_list ul li{ width: 24.4%; border-radius: 5px; background-color: rgba(255,255,255,.9); margin: 0.3%; text-align: center; float: left; text-align: left; position: relative; overflow: hidden;}
.careers .jobs_list ul li a{ width: 100%;  padding: 20px 0 25px 0; display: block; }
.careers .jobs_list ul li h2{ font-size: 20px; color: #333; padding-left: 20px; font-weight: normal;}
.careers .jobs_list ul li p{ font-size: 14px; color: #999; padding: 20px 0 5px 20px }
.careers .jobs_list ul li .hot{ width: 16px; height: 18px; display: block; background-image: url(img/ico_hot.png); background-size: 100% 100%; position: absolute; top: 20px; right: 20px;}
.careers .jobs_list ul li .hot:before{ content: "热"; display: block; font-size: 12px; color: #fff; text-align: center; line-height: 14px;}
.careers .jobs_list ul li:before{ content: ""; display: block; width: 140px; height: 140px; position: absolute; bottom: -140px; transition: .5s; left: 55%}
.careers .jobs_list ul li.type_1:before{ background-image: url(img/cico_1.png); }
.careers .jobs_list ul li.type_technology:before{ background-image: url(img/cico_2.png); }
.careers .jobs_list ul li.type_arts:before{ background-image: url(img/cico_3.png); }
.careers .jobs_list ul li.type_product:before{ background-image: url(img/cico_4.png); }
.careers .jobs_list ul li.type_market:before{ background-image: url(img/cico_5.png); }
.careers .jobs_list ul li.type_oversea:before{ background-image: url(img/cico_6.png); }
.careers .jobs_list ul li:hover{ background-color: #fff; }
.careers .jobs_list ul li:hover:before{ bottom: -50px; }


.careers_wrap{ padding: 40px 0 80px; background-color: #eff3f6; }
.careers_wrap .careers_box{ width: 87.5%; margin: 20px auto 0; background-color: #fff; padding: 40px; box-sizing: border-box; }
.careers_wrap .back{ font-size: 20px; color: #333; left: 6.5%; position: relative;}
.careers_wrap .back:before{ content: ""; display: inline-block; width: 27px; height: 24px; background-image: url(img/ico_back.png); vertical-align: middle; margin-top: -3px; margin-right: 7px; transition: .5s}
.careers_wrap .back:hover:before{ transform: translateX(-5px); }
.careers_wrap .careers_box .jobs_title{ width: 100%; padding-bottom: 40px; border-bottom: 1px #f2f1f1 solid; text-align: center; }
.careers_wrap .careers_box .jobs_title b{ display: block; color: #333; font-size: 40px; }
.careers_wrap .careers_box .jobs_title p{ display: block; font-size: 14px; color: #666; padding-top: 10px; }
.careers_wrap .careers_box .careers_content{ padding-top: 50px; overflow: hidden;}
.careers_wrap .careers_box .careers_content .txt_box{ width: 45%; padding:0 3% 0 2%; float: left; font-size: 14px; color: #666; line-height: 30px; }
.careers_wrap .careers_box .careers_content .txt_box b{ font-size: 18px; color: #333; display: block; }
.careers_wrap .careers_box .email{ width: 250px; height: 50px; display: block; margin: 50px auto 0; border: 1px #ff7444 solid; border-radius: 50px; color: #ff7444; text-align: center; font-size: 15px; line-height: 50px; transition: .5s}
.careers_wrap .careers_box .email:before{ display: inline-block; content: ""; width: 26px; height: 20px; background-image: url(img/ico_email.png); vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.careers_wrap .careers_box .email:hover{ background-color: #ff7444; color: #fff; }
.careers_wrap .careers_box .email:hover:before{ filter: brightness(1000%) }


.aboutus_tab{ width: 100%; height: 80px; border-bottom: 1px #eee solid; text-align: center; font-size: 16px; position: absolute; top: 540px; background-color: #fff; z-index: 6;}
.aboutus_tab a{ width: 25%; display: block; float: left; height: 78px; line-height: 80px; border-bottom: 2px #fff solid; color: #333; position: relative;}
.aboutus_tab a:before{ content: ""; display: block; width: 40px; height: 27px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(img/aboutus_ico.png); background-size: 400% 200%;}
.aboutus_tab a:after{ content: ""; display: block; width: 1px; height: 100%; background-color: #eee; position: absolute; top: 0; right: 0}
.aboutus_tab a:last-child:after{ display: none }
.aboutus_tab a.cur{ color: #ff7444; border-bottom: 2px #ff7444 solid; }
.aboutus_tab a.cur:before{ background-position: bottom }
.aboutus_tab a:hover{ color: #ff7444; border-bottom: 2px #ff7444 solid; }
.aboutus_tab a:nth-child(1):before{ background-position: 0 0 }
.aboutus_tab a:nth-child(2):before{ background-position: 33.33% 0 }
.aboutus_tab a:nth-child(3):before{ background-position: 66.66% 0 }
.aboutus_tab a:nth-child(4):before{ background-position: 100% 0 }
.aboutus_tab a:nth-child(1):hover:before{ background-position: 0 100% }
.aboutus_tab a:nth-child(2):hover:before{ background-position: 33.33% 100% }
.aboutus_tab a:nth-child(3):hover:before{ background-position: 66.66% 100% }
.aboutus_tab a:nth-child(4):hover:before{ background-position: 100% 100% }
.aboutus_tab a:nth-child(1).cur:before{ background-position: 0 100% }
.aboutus_tab a:nth-child(2).cur:before{ background-position: 33.33% 100% }
.aboutus_tab a:nth-child(3).cur:before{ background-position: 66.66% 100% }
.aboutus_tab a:nth-child(4).cur:before{ background-position: 100% 100% }

.company{ width: 100%; height: 764px; overflow: hidden; position: relative; margin-top: 80px; }
.company .company_info{ width: 44%; padding-left: 6%; float: left; z-index: 3; position: relative;}
.company .company_info .t_box{ padding: 90px 0 60px; }
.company .company_info .t_box h1{ font-size: 40px; color: #333; display: block; }
.company .company_info .t_box p{ font-size: 16px; color: #999; letter-spacing: 10px; padding-top: 10px; }
.company .company_info .content{ font-size: 16px; color: #333; line-height: 36px; }
.company .company_info .content p{ padding: 10px 0; }
@media screen and (max-width: 1330px) {
	.company .company_info .t_box{ padding: 60px 0 30px; }
}
.company .company_img{ width: 48%; height: 100%; position: relative; float: right; z-index: 1}
.company .company_img img{ height: 100%; display: block; }
.company .company_img_mask{ height: 100%; display: block; position: absolute; top: 0; right: 32%; z-index: 2; pointer-events: none; transition: .5s}


.history{ padding: 65px 0; background-color: #f6f6f6; position: relative;}
.history .show_more{ display: none}
.history .t_box{ padding-bottom: 90px; text-align: center; }
.history .t_box h1{ font-size: 40px; color: #333; display: block; }
.history .t_box p{ font-size: 16px; color: #999; letter-spacing: 10px; padding-top: 10px; }
.swiper_history{ width: 90%; margin: 0 auto; position: relative; height: 360px; padding: 0 10px;}
.swiper_history .swiper-history-slide{ width: 300px; height: 360px; background-image: url(img/history_bg.jpg); background-position: center center; background-repeat: no-repeat; position: relative;}
.swiper_history .swiper-history-slide .box{ width: 320px; padding-left: 30px; }
.swiper_history .swiper-history-slide .box h2{ font-size: 24px; color: #ff7444; display: block; }
.swiper_history .swiper-history-slide .box p{ font-size: 16px; color: #333; line-height: 28px; padding-top: 5px; }
.swiper_history .swiper-history-slide:before{ width: 1px; content: ""; display: block; background-color: #dddedf; height: 180px; position: absolute; top: 0; left: 0; }
.swiper_history .swiper-history-slide:after{ width: 9px; height: 9px; border: 2px #ff7444 solid; border-radius: 9px; background-color: #fff; content: ""; display: block; position: absolute; top: 0; left: -6px; }
.swiper_history .swiper-history-slide:nth-child(even) .box{ padding-top: 270px; }
.swiper_history .swiper-history-slide:nth-child(even):before{ height: 100px; top: 180px; }
.swiper_history .swiper-history-slide:nth-child(even):after{ top: 275px; }


.history_button a{ width: 60px; height: 60px; display: block; background-color: #fff; border-radius: 60px; position: absolute; box-shadow: 0 0 15px rgba(0,0,0,.2); transition: .5s; z-index: 5;}
.history_button a.history_prev{ top: 390px; left: 3%; }
.history_button a.history_next{ top: 390px; right: 3%; }
.history_button a:before{ width: 8px; height: 8px; content: ""; display: block; border-bottom: 1px #ddd solid; border-left: 1px #ddd solid; position: absolute; top: 25px; left: 27px; }
.history_button a.history_prev:before{ transform: rotate(45deg); }
.history_button a.history_next:before{ transform: rotate(-135deg); left: 23px}
.history_button a:hover{ background-color: #f15d78 }


.honor{ background-color: #f6f6f6; position: relative; width: 100%; height: 670px; background-image: url(img/honor_bg.jpg); background-position: top center; background-repeat: no-repeat;}
.honor .t_box{ padding: 60px 0 40px; text-align: center; }
.honor .t_box h1{ font-size: 40px; color: #fff; display: block; }
.honor .t_box p{ font-size: 16px; color: #9dc2ff; letter-spacing: 10px; padding-top: 10px; }

.swiper_honor{ width: 100%; position: relative; height: 320px;}
.swiper_honor .swiper-honor-slide{ width: 100%; height: 320px; position: relative;}
.swiper_honor .swiper-honor-slide .box{ width: 700px; margin: 0 auto; padding-left: 100px; }
.swiper_honor .swiper-honor-slide .box p{ font-size: 16px; color: #fff; white-space: nowrap; line-height: 56px; position: relative; transition: .5s; transform: translateX(100px); opacity: 0;}
.swiper_honor .swiper-honor-slide .box p:before{ content: "-"; margin-right: 10px; }
.swiper_honor .swiper-honor-slide.swiper-slide-active .box p{ opacity: 1; transform: translateX(0); }
.swiper_honor .swiper-honor-slide .box p:nth-child(1){ transition: .5s .1s}
.swiper_honor .swiper-honor-slide .box p:nth-child(2){ transition: .5s .2s }
.swiper_honor .swiper-honor-slide .box p:nth-child(3){ transition: .5s .3s }
.swiper_honor .swiper-honor-slide .box p:nth-child(4){ transition: .5s .4s }
.swiper_honor .swiper-honor-slide .box p:nth-child(5){ transition: .5s .5s }
.swiper_honor .swiper-honor-slide .box p:nth-child(6){ transition: .5s .6s }
.swiper_honor .swiper-honor-slide .box p:nth-child(7){ transition: .5s .7s }

.swiper_honor .swiper-honor-slide .box.honor_2023 p{ line-height:47px; }

.honor_button a{ width: 60px; height: 60px; display: block; background-color: #fff; border-radius: 60px; position: absolute; transition: .5s; z-index: 5;}
.honor_button a.honor_prev{ top: 300px; left: 3%; }
.honor_button a.honor_next{ top: 300px; right: 3%; }
.honor_button a:before{ width: 8px; height: 8px; content: ""; display: block; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; position: absolute; top: 25px; left: 27px; }
.honor_button a.honor_prev:before{ transform: rotate(45deg); }
.honor_button a.honor_next:before{ transform: rotate(-135deg); left: 23px}
.honor_button a.honor_prev:hover{ transform: translateX(-10px); }
.honor_button a.honor_next:hover{ transform: translateX(10px); }

.honor .honor_year{ width: 1500px; position: absolute; bottom: 50px; height: 100px; left: 50%; margin-left: -750px; overflow: hidden; }
.honor .honor_year ul{position: absolute; transition: .5s; }
.honor .honor_year ul li{ width: 300px; float: left; font-size: 24px; color: #b3d5ff; text-align: center; padding-top: 50px; line-height: 50px; cursor: pointer; transition: .1s}
.honor .honor_year ul li.cur{ color: #fff; font-size: 30px; font-weight: bold; }
.honor .honor_year ul li:hover{ color: #fff; }
.honor .honor_year .honor_cur{ position: absolute; top: 10px; left: 137px; transition: .8s}


.contact{ width: 100%; height: 920px; position: relative; overflow: hidden; }
.contact .map{ width: 1920px; height: 920px; position: absolute; top: 0; left: 50%; margin-left: -960px; background-image: url(img/map.jpg); background-position: center center; background-repeat: no-repeat; }
.contact .contact_head{ width: 100%; height: 290px; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(255,255,255,.9); }
.contact .contact_head .t_box{ padding: 60px 0 40px; text-align: center; }
.contact .contact_head .t_box h1{ font-size: 40px; color: #333; display: block; }
.contact .contact_head .t_box p{ font-size: 16px; color: #999; letter-spacing: 10px; padding-top: 10px; }
.contact .contact_head .soc_box{ width: 93.75%; margin: 0 auto; height: 70px;}
.contact .contact_head .soc_box ul li{ width: 33.33%; float: left; position: relative;}
.contact .contact_head .soc_box ul li i{ width: 56px; height: 56px; display: block; background-image: url(img/contact_ico.png); background-size: 300% 100%; float: left; margin: 5px 15px 0 21%;}
.contact .contact_head .soc_box ul li p{ float: left; padding-top: 5px;}
.contact .contact_head .soc_box ul li p span{ display: block; font-size: 16px; color: #333; }
.contact .contact_head .soc_box ul li p b{ font-weight: normal; display: block; font-size: 20px; color: #333; line-height: 30px;}
.contact .contact_head .soc_box ul li:nth-child(1) i{ background-position: 0 0 }
.contact .contact_head .soc_box ul li:nth-child(2) i{ background-position: 50% 0 }
.contact .contact_head .soc_box ul li:nth-child(3) i{ background-position: 100% 0 }
.contact .contact_head .soc_box ul li:after{ width: 1px; height: 70px; content: ""; display: block; background-color: #eee; position: absolute; top: 0; right: 0 }
.contact .contact_head .soc_box ul li:last-child:after{ display: none }
.contact .contact_head .soc_box ul li .wx{ display: block; position: absolute; top: 20px; left: 11.5%; opacity: 0; visibility: hidden; transition: .5s}
.contact .contact_head .soc_box ul li:hover .wx{ top: 55px; opacity: 1; visibility: visible; }

.contact .add_box{ width: 350px; padding: 15px; border-radius: 10px; overflow: hidden; background-color: #fff; box-shadow: 0 10px 10px rgba(0,0,0,.05); position: absolute; top: 430px; right: 120px; z-index: 5 }
.contact .add_box .add_img{ display: block; }
.contact .add_box h2{ display: block; font-weight: normal; font-size: 20px; color: #333; padding-top: 15px; text-indent: 10px;}
.contact .add_box h2:before{ content: ""; display: inline-block; width: 24px; height: 28px; background-image: url(img/ico_add.png); vertical-align: middle; margin-top: -3px; margin-right: 10px;}
.contact .add_box p{ font-size: 15px; color: #666; text-indent: 10px; padding-top: 8px; }



.culture_tab{ width: 100%; height: 80px; border-bottom: 1px #eee solid; text-align: center; font-size: 16px; position: absolute; top: 540px; background-color: #fff; z-index: 6;}
.culture_tab a{ width: 25%; display: block; float: left; height: 78px; line-height: 80px; border-bottom: 2px #fff solid; color: #333; position: relative;}
.culture_tab a:before{ content: ""; display: block; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(img/culture_ico.png); background-size: 400% 200%;}
.culture_tab a:after{ content: ""; display: block; width: 1px; height: 100%; background-color: #eee; position: absolute; top: 0; right: 0}
.culture_tab a:last-child:after{ display: none }
.culture_tab a.cur{ color: #ff7444; border-bottom: 2px #ff7444 solid; }
.culture_tab a.cur:before{ background-position: bottom }
.culture_tab a:hover{ color: #ff7444; border-bottom: 2px #ff7444 solid; }
.culture_tab a:nth-child(1):before{ background-position: 0 0 }
.culture_tab a:nth-child(2):before{ background-position: 33.33% 0 }
.culture_tab a:nth-child(4):before{ background-position: 66.66% 0 }
.culture_tab a:nth-child(3):before{ background-position: 100% 0 }
.culture_tab a:nth-child(1):hover:before{ background-position: 0 100% }
.culture_tab a:nth-child(2):hover:before{ background-position: 33.33% 100% }
.culture_tab a:nth-child(4):hover:before{ background-position: 66.66% 100% }
.culture_tab a:nth-child(3):hover:before{ background-position: 100% 100% }
.culture_tab a:nth-child(1).cur:before{ background-position: 0 100% }
.culture_tab a:nth-child(2).cur:before{ background-position: 33.33% 100% }
.culture_tab a:nth-child(4).cur:before{ background-position: 66.66% 100% }
.culture_tab a:nth-child(3).cur:before{ background-position: 100% 100% }

.culture_sm{ width: 100%; margin-top: 80px; padding-bottom: 40px;}
.culture_sm .t_box{ text-align: center; font-size: 30px; color: #333; padding: 40px 0; line-height: 40px;}
.culture_sm .t_box b{ font-size: 36px; padding-right: 5px;}
.culture_sm .sm_box{ width: 88%; margin: 0 auto; overflow: hidden;}
.culture_sm .sm_box ul li{ width: 24%; float: left; padding: 0 0.5%;}
.culture_sm .sm_box ul li .box{ width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 10px rgba(0,0,0,.1)}
.culture_sm .sm_box ul li .box img{ width: 100%; display: block; transition: .5s }
.culture_sm .sm_box ul li:hover .box img{ transform: scale(1.05); }
.culture_sm .sm_box ul li h2{ text-align: center; display: block; font-size: 22px; color: #333; padding: 20px 0 10px; font-weight: normal; }
.culture_sm .sm_box ul li p{ font-size: 14px; color: #666; line-height: 30px; padding: 0 10px;}

.culture_yj{ width: 100%; height: 520px; background-image: url(img/culture/y_bg.jpg); background-position: top center; background-repeat: no-repeat; }
.culture_yj .t_box{ text-align: center; font-size: 30px; color: #333; padding: 40px 0; line-height: 40px;}
.culture_yj .t_box b{ font-size: 36px; padding-right: 5px;}
.culture_yj p{ font-size: 14px; color: #666; width: 750px; margin: 0 auto; line-height: 25px; text-align: center; }
.culture_yj .yj_box{ width: 88%; margin: 40px auto 0; }
.culture_yj .yj_box ul li{ width: 32.333%; float: left; margin: 0 0.5%; text-align: center; }
.culture_yj .yj_box ul li .box{ width: 100%; height: 200px; border-radius: 10px; overflow: hidden; position: relative; background-position: top center; background-repeat: no-repeat;box-shadow: 0 10px 10px rgba(0,0,0,.1)}
.culture_yj .yj_box ul li:nth-child(1) .box{ background-image: url(img/culture/y_1.png); }
.culture_yj .yj_box ul li:nth-child(2) .box{ background-image: url(img/culture/y_2.png); }
.culture_yj .yj_box ul li:nth-child(3) .box{ background-image: url(img/culture/y_3.png); }
.culture_yj .yj_box ul li img{ width: 100px; display: block; margin: 0 auto; padding-top: 45px; transition: .5s}
.culture_yj .yj_box ul li:hover img{ transform: scale(1.05); }
.culture_yj .yj_box ul li span{ font-size: 14px; color: #333; display: block; padding-top: 20px; }


.culture_jzg{ width: 100%; padding-bottom: 50px;}
.culture_jzg .t_box{ text-align: center; font-size: 30px; color: #333; padding: 40px 0; line-height: 40px;}
.culture_jzg .t_box b{ font-size: 36px; }
.culture_jzg .jzg_box{ width: 88%; margin: 0 auto; overflow: hidden;}
.culture_jzg .jzg_box ul li{ width: 32.333%; float: left; margin:0.5%; border-radius: 10px; background: #f8f8f8; overflow: hidden; position: relative; padding-bottom: 30px;}
.culture_jzg .jzg_box ul li h2{ font-size: 24px; font-weight: normal; color: #333; position: relative; padding: 30px 0 0 50px; line-height: 30px; }
.culture_jzg .jzg_box ul li h2:after{ content: ""; display: block; width: 50px; height: 3px; background-color: #f68e5b; position: absolute; top: 70px; left: 50px; transition: .5s}
.culture_jzg .jzg_box ul li:hover h2:after{ width: 97px; }
.culture_jzg .jzg_box ul li p{ width: 58%; display: block; padding: 35px 0 0 50px; font-size: 14px; color: #666; line-height: 25px; }
.culture_jzg .jzg_box ul li img{ width: 100px; height: 100px; display: block; position: absolute; top: 50%; margin-top: -50px; right: 6%; }

.culture_life{ background-color: #f0f3f5; padding-top: 80px;}
.culture_life .t_box{ padding: 50px 0 40px; text-align: center; }
.culture_life .t_box h1{ font-size: 40px; color: #333; display: block; }
.culture_life .t_box p{ font-size: 16px; color: #999; letter-spacing: 10px; padding-top: 10px; }
.culture_life .life_box{ width: 88%; margin: 0 auto; padding-bottom: 50px; position: relative;}
.culture_life .life_box img{ width: calc( 100% - 640px ); width: 60%\0; position: absolute; top: 50%; transform: translateY(-50%); display: block; object-fit: cover; height: 100%;}
.culture_life .life_box ul li{ width: 100%; height: 360px; position: relative; overflow: hidden; margin-bottom: 10px; }
.culture_life .life_box ul li .tbox{ width: 640px; width: 40%\0; height: 360px;  background-color: rgba(255,255,255,1); z-index: 2; position: relative;}
.culture_life .life_box ul li .tbox h2{ display: block; text-align: center; font-size: 30px; color: #333; padding-top: 65px; }
.culture_life .life_box ul li .tbox p{ padding: 20px 40px 30px; font-size: 16px; color: #999; line-height: 30px; }
.culture_life .life_box ul li .tbox a{ width: 150px; height: 50px; display: block; border: 1px #ff7444 solid; line-height: 50px; border-radius: 50px; font-size: 24px; color: #ff7444; text-align: center; transition: .5s; margin: 0 auto;}
.culture_life .life_box ul li .tbox a:hover{  border: 1px #fff solid; color: #0986d4; background-color: #ff7444; color: #fff }
.culture_life .life_box ul li:nth-child(even) .tbox{ float: left; }
.culture_life .life_box ul li:nth-child(odd) .tbox{ float: right; }
.culture_life .life_box ul li:nth-child(even) img{ right: 0 }
.culture_life .life_box ul li:nth-child(odd) img{ left: 0 }


.pop_imgview{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; background-color: rgba(0,0,0,.9); _background-color: #000; *background-color: #000; overflow: auto; background-image: url(/style/img/loader.gif); background-repeat: no-repeat; background-position: center center; display: none}
.pop_imgview .imgview_pic{ max-width: 80%; max-height: 100%; display: block; margin: 0 auto; transition: .5s; padding-bottom: 40px;}
.pop_imgview .imgview_close{ width: 50px; height: 40px; display: block; position: fixed; top: 10px; right: 20px; z-index: 2; background-image: url(img/imgview.png); background-position: 0 0; transition: transform .5s}
.pop_imgview .imgview_close:hover{ transform: rotate(90deg) scale(1.1); }
/*.pop_imgview .imgview_control{ width: 100%; position: fixed; bottom: 0; height: 40px; background-color: rgba(0,0,0,.8); z-index: 3;}*/
.pop_imgview .imgview_control a{background-image: url(img/imgview.png); width: 50px; height: 40px; display: block;}
.pop_imgview .imgview_control .imgview_prev{  position: fixed; top: 50%; margin-top: -20px; background-position: -50px 0; transition:transform .5s; left: 15px}
.pop_imgview .imgview_control .imgview_prev:hover{ transform: translateX(-5px); }
.pop_imgview .imgview_control .imgview_next{  position: fixed; top: 50%; margin-top: -20px; background-position: -100px 0; transition:transform .5s; right: 15px;}
.pop_imgview .imgview_control .imgview_next:hover{ transform: translateX(5px); }
.pop_imgview .imgview_control .imgview_text{ width: 400px; position: absolute; top: 0; left: 50%; margin-left: -200px; text-align: center; font-size: 16px; color: #fff; line-height: 40px;}
.pop_imgview::-webkit-scrollbar{ width: 0; height: 0;}



.culture_train{ background-color: #f0f3f5; padding-top: 80px;}
.culture_train .t_box{ padding: 50px 0 40px; text-align: center; }
.culture_train .t_box h1{ font-size: 40px; color: #333; display: block; }
.culture_train .t_box p{ font-size: 16px; color: #999; letter-spacing: 10px; padding-top: 10px; }
.culture_train .train_box{ width: 88%; margin: 0 auto; padding-bottom: 50px; }
.culture_train .train_box .tbox{ font-size: 16px; color: #666; line-height: 36px; text-indent: 2em}
.culture_train .train_box .train_list{ width: 100%; position: relative; margin-top: 50px;}
.culture_train .train_box .train_list:before{ content: ""; display: block; width: 8px; height: 84%; background-color: #e6e6e6; position: absolute; top: 6.3%; left: 50%; margin-left: -4px; }
.culture_train .train_box .train_list ul li{ width: 47.6%; position: relative;}
.culture_train .train_box .train_list ul li .box{ width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 10px rgba(0,0,0,.1) }
.culture_train .train_box .train_list ul li .box img{ width: 100%; display: block; }
.culture_train .train_box .train_list ul li p{ font-size: 16px; color: #333; padding-top: 15px; line-height:25px }
.culture_train .train_box .train_list ul li h2{ font-size: 24px; color: #ff7444; display: block; position: absolute; top:50%; margin-top: -55px; right: -480px; font-weight: normal; width: 400px; }
.culture_train .train_box .train_list ul li:after{ content: ""; display: block; width: 1%; padding-bottom: 1%; border-radius: 20px; background-color: #fff; border: 6px #fba082 solid; position: absolute; top: 50%; margin-top: -50px; right: -6.4%; }
.culture_train .train_box .train_list ul li:nth-child(even){ margin-left: 52.4%; }
.culture_train .train_box .train_list ul li:nth-child(even) h2{ left: -480px; text-align: right; }
.culture_train .train_box .train_list ul li:nth-child(even):after{  margin-top: -50px; left: -6.4%; }
/*.culture_train .train_box .train_list ul li:last-child h2{ width:300px; left:-420px }*/



.gongyi{ background-color: #f0f3f5; padding-top: 80px;}
.gongyi .gongyi_box{ width: 88%; margin: 0 auto; padding-bottom: 50px; }
.gongyi .gongyi_box .gy_t{ font-size: 15px; color: #333; line-height: 36px; text-align: center;}
.gongyi .gongyi_box .gy_t img{ display: inline-block; vertical-align: middle; width: 360px;}
.gongyi .gongyi_box .gy_t p{ display: inline-block; padding-left: 35px; text-align: left; vertical-align: middle;}
.gongyi .gongyi_box .gy_t p span{ color: #ff7444; font-size: 17px; }
.gongyi .gongyi_box .gongyi_list{ width: 100%; position: relative; margin-top: 150px; padding-bottom: 180px;}
.gongyi .gongyi_box .gongyi_list:before{ content: ""; display: block; width: 8px; height: 95%; background-color: #e6e6e6; position: absolute; top: 150px; left: 50%; margin-left: -4px; }
.gongyi .gongyi_box .gongyi_list ul li{ width: 47.6%; position: relative; padding: 40px 30px; margin: -120px 0; box-sizing: border-box; background-color: #fff; border-radius: 10px;}
.gongyi .gongyi_box .gongyi_list ul li:before{ content: ""; display: block; width: 20px; height: 20px; background-color: #fff; position: absolute; top: 150px; right: -10px; transform: rotate(45deg); }
.gongyi .gongyi_box .gongyi_list ul li .gy_timg{ width: 90%; display: block; pointer-events: none;}
.gongyi .gongyi_box .gongyi_list ul li .box{ width: 100%; overflow: hidden; position: relative;}
.gongyi .gongyi_box .gongyi_list ul li .box img{ width: 100%; display: block; pointer-events: none;}
.gongyi .gongyi_box .gongyi_list ul li .box .box_t{ width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.gongyi .gongyi_box .gongyi_list ul li .box .box_t span{ width: 33.33%; height: 50%; padding-top: 20%; box-sizing: border-box; display: block; float: left; text-align: center; font-size: 15px; color: #eee; }
.gongyi .gongyi_box .gongyi_list ul li .box .box_t span:nth-child(4){ padding-top: 22%; }
.gongyi .gongyi_box .gongyi_list ul li .box .box_t span:nth-child(5){ padding-top: 22%; }
.gongyi .gongyi_box .gongyi_list ul li .box .box_t span:nth-child(6){ padding-top: 22%; }
.gongyi .gongyi_box .gongyi_list ul li p{ font-size: 15px; color: #333; padding: 10px 0; line-height: 30px;}
.gongyi .gongyi_box .gongyi_list ul li h2{ font-size: 24px; color: #ff7444; display: block; position: absolute; top:50%; margin-top: -55px; right: -480px; font-weight: normal; width: 400px; white-space: nowrap;}
.gongyi .gongyi_box .gongyi_list ul li:after{ content: ""; display: block; width: 1%; padding-bottom: 1%; border-radius: 20px; background-color: #fff; border: 6px #fba082 solid; position: absolute; top: 150px; right: -6.4%; }
.gongyi .gongyi_box .gongyi_list ul li:nth-child(even){ margin-left: 52.4%; }
.gongyi .gongyi_box .gongyi_list ul li:nth-child(even) h2{ left: -480px; text-align: right; }
.gongyi .gongyi_box .gongyi_list ul li:nth-child(even):after{  left: -6.4%; }
.gongyi .gongyi_box .gongyi_list ul li:nth-child(even):before{  left: -10px; }